/*lui modal 样式*/

.lui-modal-body {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9;
	display: none;
	top: 0;
}

.lui-modal-box {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.z-99 {
	z-index: 99;
}

#confirm .lui-modal-content {
	position: relative;
	background-color: #fff;
	width: 80%;
	left: 10%;
	top: calc(50% - 155px);
	border-radius: 15px;
	box-shadow: 1px 1px 50px rgba(0,0,0,.3);
	padding: 0 10px;
}
#confirm .lui-confirm-title {
	height: 45px;
	line-height: 55px;
	text-align: center;
	font-size: 20px;
	color: #25272c;
	margin-bottom: 10px;
}
#confirm .lui-confirm-content p {
	font-size: 16px;
	color: #25272c;
	text-align: center;
	margin: 5px 0;
}
#confirm .lui-confirm-btn-main {
	border-top: 1px solid #edeff0;
	margin-top: 35px;
}
#confirm .lui-btn-confirm {
	border-right: 1px solid #edeff0;
	border-bottom-left-radius: 15px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	display: inline-block;
	margin: 0 -3px 0 0px;
	color: #4782f6;
	font-size: 16px;
	width: calc(50% - 2px);
	transition: all .25s;
}
#confirm .lui-btn-confirm:active {
	background-color: #f1f1f1;
}
#confirm .lui-btn-cancel {
	border-bottom-right-radius: 15px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	display: inline-block;
	margin: 0 -3px 0 4px;
	color: #4782f6;
	font-size: 16px;
	width: 50%;
	transition: all .25s;
}
#confirm .lui-btn-cancel:active {
	background-color: #f1f1f1;
}

#alert .lui-modal-content {
	position: relative;
	background-color: #fff;
	width: 80%;
	left: 10%;
	top: calc(50% - 155px);
	border-radius: 15px;
	box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
#alert .lui-alert-title {
	height: 45px;
	line-height: 55px;
	text-align: center;
	font-size: 20px;
	color: #25272c;
	margin-bottom: 10px;
}
#alert .lui-alert-content {
	text-align: center;
	font-size: 16px;
	color: #25272c;
	padding: 5px 0 30px;
}
#alert .lui-alert-content p {
	font-size: 16px;
	color: #25272c;
	margin: 5px 0;
}
#alert .lui-alert-btn-main {
	text-align: right;
	padding: 10px 25px 20px;
}
#alert .lui-btn-confirm {
	display: inline-block;
	color: #4782f6;
	font-size: 16px;
}

#lading .lui-spinner {
	width: 50px;
	height: 60px;
	text-align: center;
	font-size: 10px;
	position: relative;
	left: calc(50% - 25px);
	top: calc(50% - 30px);
}
 
#lading .lui-spinner > div {
	background-color: #67CF22;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;
	margin: 0 2px;
}
 
#lading .lui-spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
 
#lading .lui-spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
 
#lading .lui-spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
 
#lading .lui-spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
#sysMsg {
	text-align: center;
	padding-top: 100%;
}
#sysMsg .lui-modal-content {
	position: relative;
    display: inline-block;
    padding: 10px 15px;
    font-size: 16px;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    border-radius: 5px;
}
#relation .lui-modal-content {
	position: relative;
	background-color: #fff;
	width: calc(80% - 20px);
	left: 10%;
	border-radius: 15px;
	box-shadow: 1px 1px 50px rgba(0,0,0,.3);
	padding: 10px;
	top: calc(50% - 134px);
}
#relation .lui-rel-title {
	font-size: 14px;
	color: #25272c;
	text-align: center;
	padding: 10px 0 0;
}
#relation .lui-rel-text {
	font-size: 16px;
	color: #25272c;
	text-align: center;
	padding: 8px 0;
}
#relation .lui-input-list {margin: 10px 0;}
#relation .lui-input-list-left {vertical-align: middle;height: 37px;line-height: 37px;display: inline-block;width: 30px;margin: 0 -3px 0 -2px;text-align: center;color: #ff0106;}
#relation .lui-input-list-right {vertical-align: middle;display: inline-block;width: calc(100% - 30px);margin: 0 -3px 0 -2px;}
#relation .lui-input {outline:none;border-radius: 5px;height: 35px;line-height: 18px;font-size: 16px;color: #25272c;padding: 0 10px;border: 1px solid #ccc;width: calc(100% - 30px);}
#relation .lui-input:focus {border: 1px solid #4783f6;}
#relation .lui-tips {height: 17px;text-align: center;color: #fc0200;font-size: 12px;}
#relation .lui-btn {margin: 5px auto 5px;border-radius: 5px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;color: #fff;background-color: #4783f6;width: 110px;}
#relation .lui-btn:active {box-shadow: 1px 1px 2px rgba(0,0,0,.3);}

@-webkit-keyframes stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
	20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
	0%, 40%, 100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}  
	20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}


@media (max-width: 320px) {
	#relation .lui-rel-title {font-size: 13px;}
	#relation .lui-rel-text {font-size: 15px;}
	#relation .lui-input-list {margin: 5px 0;}
	#relation .lui-input {height: 30px;line-height: 16px;font-size: 15px;}
	#relation .lui-btn {height: 30px;line-height: 30px;font-size: 15px;margin-top: 10px;}
	#relation .lui-tips {height: 15px;}
}